:global {

  .w-text-center {
    text-align: center;
  }

  /* flex  ========================================================*/
  .w-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .w-flex {
    display: flex;
  }

  .w-flex-between {
    display: flex;
    justify-content: space-between;
  }

  .w-flex-between-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* float  ========================================================*/
  .w-float-right {
    float: right;
  }

  /* 鼠标  ========================================================*/
  .w-pointer {
    cursor: pointer;
  }

  /*文字添加底部下划线*/
  .w-hover-text:hover {
    text-decoration: underline;
  }

  /* 图片 ========================================================*/
  /*图片填充*/
  .w-image-fit {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  .w-image-fill {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  .w-round {
    border-radius: 50%;
  }

  // 文字换行
  .w-text-wrap {
    text-align: justify;
    text-justify: newspaper;
    word-break: break-all;
  }

  .w-text-line-2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .w-text-underline {
    text-decoration: underline;
  }
}
